import { useNavigate } from 'react-router'

const SimpleNotFound = () => {
  const navigate = useNavigate()

  return (
    <div
      style={{
        textAlign: 'center',
        padding: '20px',
        marginTop: '100px'
      }}
    >
      <h1>404 - 页面未找到</h1>
      <p>您访问的页面不存在</p>
      <button
        onClick={() => navigate('/')}
        style={{
          padding: '10px 20px',
          background: '#1890ff',
          color: 'white',
          border: 'none',
          borderRadius: '4px',
          cursor: 'pointer'
        }}
      >
        返回首页
      </button>
    </div>
  )
}

export default SimpleNotFound
